//刘思佳 2021012473
<template>
  <div id="building">
    <div class="helloUse">
      <h2 id="title">Mentor</h2>
      <el-form>
        <el-form-item>
          <el-button type="primary" @click="onLogin()" class="btn_Loggin"
            >登录</el-button
          >
          <el-button type="primary" @click="onRegister()" class="btn_Register"
            >注册</el-button
          >
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script>
export default {
  name: "HelloUse",
  methods: {
    onLogin() {
      this.$router.push({ path: "/UserLogin" });
    },
    onRegister() {
      this.$router.push({ path: "/UserRegister" });
    },
  },
};
</script>
<style scoped>
* {
  margin: 0;
  padding: 0;
}
#building{
  background:url("../assets/back.JPG");
  width:100%;
  height:100%;
  position:fixed;
  background-size:100% 100%;
}

.helloUse {
  width: 450px;
  padding: 20px;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid   #238E68;
}
#title {
  margin: 0 auto;
  font-size: 100px;
  color: #238E68 ;
  margin-left: 40px;
  margin-top: 40px;
}
.btn_Loggin {
  width: 80px;
  height: 70px;
  margin-top: 55px;
  margin-left: 100px;
  background-color: #238E68;
    border-color: #238e68;
}
.btn_Register {
  width: 80px;
  height: 70px;
  margin-top: 55px;
  margin-left: 60px;
  background-color: #238E68;
  border-color: #238e68;
}
</style>
